<template>
  <div>

      <router-view></router-view>
   
      
      <div class="nav" v-show="$store.state.flag">
        <router-link to="/film" >
          <span class="iconfont icon-dianying1"></span>
          <br/>
        电影</router-link>
        <router-link to="/cinema">
          <span class="iconfont icon-yingyuan"></span>
          <br/>
        影院</router-link>
        <router-link to="/news">
          <span class="iconfont icon-zixun1"></span>
          <br/>
        资讯</router-link>
        <router-link to="/mine">
          <span class="iconfont icon-shouye"></span>
          <br/>
        我的</router-link>
      </div>
  </div>
</template>
<script>
import  {logAdd} from  "@/model/logModel"
export default {
async  errorCaptured(err,com,info){
    console.log(err)
    console.log(com);
    console.log(info);
    await  logAdd({
      err:String(err),com:String(com),info
    })

  }
}
</script>



<style  lang="scss">
.nav{
  position: fixed;
  left:0;
  bottom:0;
  display: flex;
  width: 100%;
  background-color: white;
  line-height: 25px;
  a{
    flex:1;
    text-align: center;
  }

}
a.router-link-active{
    color:#ff5f16;
  }


</style>